<!DOCTYPE html>
<html lang="en">

<head>
    <script>
        try {
            if (isindex) {
            }
        } catch (e) {
            window.location.href = "/index.html";
        }
    </script>
    <script src="/js/echarts.js"></script>
    <link rel="stylesheet" href="/css/dataResult/statsAnalysis.css">
</head>

<body>
    <div>
        <div class="page-title align-items-center">
            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a class="pointer" onclick="rollBack()">采集数据</a></li>
                    <li class="breadcrumb-item active" aria-current="page">统计分析</li>
                </ol>
            </nav>
            <div class="update-time">更新时间：<span class="update-time-value"></span></div>
        </div>
        <div class="main-content">
            <div class="col-lg-12 card-chunks">
                <div class="row pd-4">
                    <div class="col-md-4">
                        <div class="media">
                            <div class="avatar-sm rounded-circle ">
                                <span class="avatar-title text-primary"><i class="iconfont icon-duigou"></i></span>
                            </div>
                            <div class="media-body">
                                <h5 class="file_gather_count"></h5>
                                <p class="text-muted">文件采集量</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="media">
                            <div class="avatar-sm rounded-circle ">
                                <span class="avatar-title text-primary"><i
                                        class="iconfont icon-a-jiaohuanfanxiang"></i></span>
                            </div>
                            <div class="media-body">
                                <h5 class="file_save_count"></h5>
                                <p class="text-muted">任务总量</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="media">
                            <div class="avatar-sm rounded-circle ">
                                <span class="avatar-title text-primary"><i class="iconfont icon-biaoqian"></i></span>
                            </div>
                            <div class="media-body">
                                <h5 class="disk_count"></h5>
                                <p class="text-muted">占用硬盘容量</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-lg-8 left-charts">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="card-chunks">
                                <div class="card-chunks-child pd-4">
                                    <div class="media">
                                        <div class="media-body">
                                            <h4><span class="gather_count"></span>条</h4>
                                            <p class="text-muted">采集总数量</p>
                                        </div>
                                        <div class="avatar-sm">
                                            <span class="avatar-title text-primary"><i
                                                    class="iconfont icon-stack"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-chunks-child pd-4 br-t">
                                    <div class="text-truncate"><span class="badge  gather_count_ratio">
                                        </span><span class="text-muted ml-2">昨日<span
                                                class="gather_count_status"></span></span></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card-chunks">
                                <div class="card-chunks-child pd-4">
                                    <div class="media">
                                        <div class="media-body">
                                            <h4><span class="gather_day_count"></span>条</h4>
                                            <p class="text-muted">24小时采集数据</p>
                                        </div>
                                        <div class="avatar-sm">
                                            <span class="avatar-title text-primary"><i
                                                    class="iconfont icon-store"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-chunks-child pd-4 br-t">
                                    <div class="text-truncate"><span class="badge  gather_day_count_ratio">
                                        </span><span class="text-muted ml-2">昨日<span
                                                class="gather_day_count_status"></span></span></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card-chunks">
                                <div class="card-chunks-child pd-4">
                                    <div class="media">
                                        <div class="media-body">
                                            <h4><span class="data_size"></span>GB</h4>
                                            <p class="text-muted">数据存储容量(GB)</p>
                                        </div>
                                        <div class="avatar-sm">
                                            <span class="avatar-title text-primary"><i
                                                    class="iconfont icon-briefcase"></i></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-chunks-child pd-4 br-t">
                                    <div class="text-truncate"><span class="badge  font-size-11 data_size_ratio">
                                        </span><span class="text-muted ml-2">上周<span
                                                class="data_size_status"></span></span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-chunks pd-4 pb-0">
                        <div class="card-chunks-top">
                            <div class="chart-title">24小时数据增量走势变化</div>
                            <!-- <div class="chart-filter">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-light">前天</button>
                                    <button type="button" class="btn btn-light">昨天</button>
                                    <button type="button" class="btn btn-light active">今天</button>
                                </div>
                                <div class="select-kind ml-2">
                                    <select class="form-select br-0">
                                        <option selected value="0">全部类型</option>
                                        <option value="1">资讯数据</option>
                                        <option value="2">招标数据</option>
                                        <option value="3">工商数据</option>
                                        <option value="4">招聘数据</option>
                                        <option value="5">股票数据</option>
                                        <option value="6">政策数据</option>
                                    </select>
                                </div>
                            </div> -->
                        </div>
                        <div id="polylines-chart" class="mt-3"></div>
                        <div class="card-chunks-bottom br-t mt-4">
                            <div class="row pd-4">
                                <div class="col-sm-4 center">
                                    <div class="d-inline-flex">
                                        <h5 class="mr-2 yesterday_gather_count"></h5>
                                        <div class="yesterday_gather_trend"><i class="iconfont"></i><span
                                                class="yesterday_gather_count_ratio"></span></div>
                                    </div>
                                    <p class="text-muted text-truncate mb-0">昨日数据采集量</p>
                                </div>
                                <div class="col-sm-4 center">
                                    <div class="mt-4 mt-sm-0">
                                        <p class="mb-2 text-muted text-truncate">7日采集量</p>
                                        <div class="d-inline-flex">
                                            <h5 class="mb-0 mr-2 week_gather_count"></h5>
                                            <div class="week_gather_trend"><i class="iconfont"></i><span
                                                    class="week_gather_count_ratio"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 center">
                                    <div class="mt-4 mt-sm-0">
                                        <p class="mb-2 text-muted text-truncate">今天数据采集量</p>
                                        <div class="d-inline-flex">
                                            <h5 class="mb-0 today_gather_count"></h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="card-chunks pd-4">
                        <div class="card-chunks-top">
                            <div class="chart-title">数据分类占比</div>
                            <!-- <div class="chart-filter">
                                <div class="select-kind ml-2">
                                    <select class="form-select br-0">
                                        <option selected value="0">全部类型</option>
                                        <option value="1">资讯数据</option>
                                        <option value="2">招标数据</option>
                                        <option value="3">工商数据</option>
                                        <option value="4">招聘数据</option>
                                        <option value="5">股票数据</option>
                                        <option value="6">政策数据</option>
                                    </select>
                                </div>
                            </div> -->
                        </div>
                        <div id="cirque-chart-one"></div>
                    </div>
                    <div class="card-chunks pd-4">
                        <div class="card-chunks-top">
                            <div class="chart-title">数据类型占比</div>
                        </div>
                        <div id="cirque-chart-two"></div>
                    </div>
                </div>
            </div>
            <!-- <div class="row">
                <div class="col-xl-6">
                    <div class="card-chunks pd-4">
                        <div class="bottom-chart-title br-b">数据来源分布排名</div>
                        <div id="cirque-chart-three" class="mt-2"></div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="card-chunks pd-4">
                        <div class="bottom-chart-title br-b">数据来源分析</div>
                        <nav>
                            <ul class="nav nav-underline br-b" id="nav-tab" role="tablist">
                                <li class="nav-link active" id="nav-all-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-all" type="button" role="tab" aria-controls="nav-all"
                                    aria-selected="true">全部</li>
                                <li class="nav-link" id="nav-weixin-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-weixin" type="button" role="tab" aria-controls="nav-weixin"
                                    aria-selected="false">微信</li>
                                <li class="nav-link" id="nav-news-tab" data-bs-toggle="tab" data-bs-target="#nav-news"
                                    type="button" role="tab" aria-controls="nav-news" aria-selected="false">新闻</li>
                                <li class="nav-link" id="nav-website-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-website" type="button" role="tab" aria-controls="nav-website"
                                    aria-selected="false">网站</li>
                                <li class="nav-link" id="nav-chief-tab" data-bs-toggle="tab" data-bs-target="#nav-chief"
                                    type="button" role="tab" aria-controls="nav-chief" aria-selected="false">政务</li>
                                <li class="nav-link" id="nav-client-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-client" type="button" role="tab" aria-controls="nav-client"
                                    aria-selected="false">客户端</li>
                            </ul>
                        </nav>
                        <div class="tab-content" id="nav-tabContent">
                            <div class="tab-pane fade show active" id="nav-all" role="tabpanel"
                                aria-labelledby="nav-all-tab" tabindex="0">
                                <table class="table table-hover mb-0">
                                    <thead>
                                        <tr>
                                            <th scope="col">排名</th>
                                            <th scope="col">媒体/账号名称</th>
                                            <th scope="col">媒体类型</th>
                                            <th scope="col">总条数</th>
                                            <th scope="col">敏感舆情</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><span class="top1">1</span></td>
                                            <td>手机新浪网</td>
                                            <td>新闻</td>
                                            <td>14</td>
                                            <td>1</td>
                                        </tr>
                                        <tr>
                                            <td><span class="top2">2</span></td>
                                            <td>财新网</td>
                                            <td>网站</td>
                                            <td>4</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td><span class="top3">3</span></td>
                                            <td>东方号</td>
                                            <td>新闻</td>
                                            <td>3</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td><span class="top4">4</span></td>
                                            <td>光明网</td>
                                            <td>新闻</td>
                                            <td>3</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td><span class="top4">5</span></td>
                                            <td>至诚财经网</td>
                                            <td>网站</td>
                                            <td>3</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td><span class="top4">6</span></td>
                                            <td>证券之星</td>
                                            <td>网站</td>
                                            <td>3</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td><span class="top4">7</span></td>
                                            <td>企业管理杂志</td>
                                            <td>微信</td>
                                            <td>3</td>
                                            <td>0</td>
                                        </tr>
                                        <tr>
                                            <td><span class="top4">8</span></td>
                                            <td>全联冶金商会</td>
                                            <td>微信</td>
                                            <td>2</td>
                                            <td>0</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="tab-pane fade" id="nav-weixin" role="tabpanel" aria-labelledby="nav-weixin-tab"
                                tabindex="0"></div>
                            <div class="tab-pane fade" id="nav-news" role="tabpanel" aria-labelledby="nav-news-tab"
                                tabindex="0"></div>
                            <div class="tab-pane fade" id="nav-website" role="tabpanel"
                                aria-labelledby="nav-website-tab" tabindex="0"></div>
                            <div class="tab-pane fade" id="nav-chief" role="tabpanel" aria-labelledby="nav-chief-tab"
                                tabindex="0"></div>
                            <div class="tab-pane fade" id="nav-client" role="tabpanel" aria-labelledby="nav-client-tab"
                                tabindex="0"></div>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
    </div>
    <script src="/js/intercept.js"></script>
    <script src="/js/dataResult/statsAnalysis.js"></script>
</body>

</html>